<script setup>

</script>

<template>
    <router-view />

    <van-tabbar route active-color="#ff4c3d" color="#aaa">
        <van-tabbar-item replace to="/Home" >
            <span class="tabbar-item-name">首页</span>
            <template #icon="props">
                <span class="iconfont icon-shouye" style="font-size: 20px;"></span>
            </template>
        </van-tabbar-item>
        
        <van-tabbar-item replace to="/classify">
            <span class="tabbar-item-name">分类</span>
            <template #icon="props">
                <span class="iconfont icon-fenlei1" style="font-size: 20px;"></span>
            </template>

        </van-tabbar-item>

        <van-tabbar-item replace to="/SuperWise">
            <span class="tabbar-item-name">超惠选</span>
            <template #icon="props">
                <span class="iconfont icon-qianggou" style="font-size: 20px;"></span>
            </template>

        </van-tabbar-item>
        <van-tabbar-item replace to="/Shoppingcart">
            <span class="tabbar-item-name">购物车</span>
            <template #icon="props">
                <span class="iconfont icon-gouwucheman" style="font-size: 20px;"></span>
            </template>

        </van-tabbar-item>
        <van-tabbar-item replace to="/mine">
            <span class="tabbar-item-name">我的</span>
            <template #icon="props">
                <span class="iconfont icon-wode" style="font-size: 20px;"></span>
            </template>

        </van-tabbar-item>
    </van-tabbar>   

</template>

<style scoped>

</style>
